/*************************************************************/
/* 管理首页 > 统计和管理 > 统计首页 */
/*************************************************************/
// 导入全局变量
@import "../../../assets/styles/global-variable.less";

.StatisticHome {
    // 局部变量
    @allstatistic-pie-width: 412px;
    @chart-height: 360px;

    // 统计首页样式设置
    .statistic-charts {
        padding: @main-container-padding;
        display: flex;
        [class*="all-statistic"] {
            .ground-glass-white();
        }
        // 全部分类统计图表（饼状图）
        .all-statistic-pie {
            width: @allstatistic-pie-width;
            height: @chart-height;
            .theme-border-shadow();
        }
        // 全部分类统计图表（柱状图）
        .all-statistic-bar {
            width: calc(100% - @allstatistic-pie-width - @ele-gap);
            height: @chart-height;
            margin-left: @ele-gap;
            .theme-border-shadow();
        }
    }
}

// 屏幕显示宽度：1661~1920像素
@media (min-width: 1661px) and (max-width: 1920px) {
    .StatisticHome {
        // 局部变量
        @allstatistic-pie-width: 512px;
        @chart-height: 432px;
    
        // 统计首页样式设置
        .statistic-charts {
            // 全部分类统计图表（饼状图）
            .all-statistic-pie {
                width: @allstatistic-pie-width;
                height: @chart-height;
            }
            // 全部分类统计图表（柱状图）
            .all-statistic-bar {
                height: @chart-height;
            }
        }
    }
}